﻿div#chatContainer 
{
	border: 1px solid #999;
    height: 400px;
	position: relative;
}

div.chatMainContainer {
	left: 0;
	position: absolute;
	width: 80%;
}

span.error 
{
    color: Red;
}

span.self 
{
    font-weight: bold;
}

div.chatTranscripts 
{
    background: #ffffff;
    height: 350px;
    overflow-y: auto;
    width: 100%;
}

    div.chatTranscripts div.message 
    {
        overflow: hidden;
        margin: 0 0 10px 0;
		width: 100%;
    }
    
    div.chatTranscripts div.message div.handle 
    {
        clear: left;
        color: Navy;
		float: left;
        height: 100%;
        padding: 0 5px 0 5px;
        font-weight: bold;
    }
    
    div.chatTranscripts div.message div.body 
    {
        height: 100%;
		width: 100%;
		margin: 0 5px 0 5px;
    }
    
        div.chatTranscripts div.message div.body em.me 
        {
            color: #999999;
        }
        
        div.chatTranscripts div.message div.body span.notice 
        {
        	clear: both;
            color: #999999;
            float: left;
            text-align: center;
            width: 100%;
        }
        
        div.chatTranscripts div.message div.body span.msg 
        {
            color: Orange;
        }

div.chatInput 
{
	border-top: 1px solid #999;
    float: left;
    height: 50px;
	margin: -1px 0 0 0;
	overflow: hidden!important;
    width: 100%;
}

    div.chatInput .txtInput 
    {
    	border: none;
        height: 100%;
        margin: 0;
        padding: 0;
        width: 100%;
    }

div.chatUsers 
{
    background: #dce4eb;
	border-left: 1px solid #999;
    height: 100%;
	left:80%;
	margin: 0 0 0 -1px;
    overflow-y: auto;
	position: absolute;
	width: 20%;
}

    div.user 
    {
        color: #000;
        padding: 5px;
    }
    
    div.user.away 
    {
        color: #999999;
        font-style: italic;
    }
    

div.chatHandleInput 
{
    display: none;
}